@charset "utf-8";/* index */
.index .navbox{background:rgb(0,0,0,0.2);border-right:none;}
.index .navbox .menu .logo i,
.index .navbox .menu .share a i{ color:#fff;}
.index .navbox .share a:hover i{color:#06a7ba}
.index .navbox .nav_trigger span{ background-color:#fff;}
.index .nav_open .nav_trigger span,
.index .nav_open .nav_trigger:hover span{background-color:#06a7ba;}
  /* banner */
.banner{ position:relative;}
.xy-index-banner .swiper-slide{height:100vh;}
.xy-index-banner img{height: 100%;}
.xy-index-banner a {display: block;width: 100%;height:100%;background-size:cover;overflow: hidden;}
.xy-index-banner .text {position: absolute;width: 1000px;margin-left: -500px;left:50%;top:8.2vw;padding-left:;text-align: center;z-index: 10;text-transform:uppercase;color: #fff;}
.xy-index-banner .text p,
.xy-index-banner .text span{color:red;}
.xy-index-banner .text .line{margin-top:20px;margin-bottom:20px;background:#fff;width:100px;height:1px;display:block;overflow:hidden;}
.xy-index-banner .text .fssm{ font-size:16px;}
.xy-index-banner .text .fsdf{ font-size:20px;}
.xy-index-banner .text .fslg{ font-size:30px;}
.xy-index-banner .text .fsxl{ font-size:50px;}
.xy-index-banner .text .fwb{ font-weight:bold;}

.xy-index-banner .text h2{transform:translateY(200px);opacity:0;transition:all .4s; line-height:1.0}
.xy-index-banner .text h3{transform:translateX(-200px);opacity:0;transition:all .4s;line-height:1.0}
.xy-index-banner .text h6{transform:translateX(200px);opacity:0;transition:all .8s;}
.xy-index-banner .text .line{transform:translateX(-200px);opacity:0;transition:all .8s;}
.xy-index-banner .ani-slide .text h2{transform:translateY(0);opacity:1;}
.xy-index-banner .ani-slide .text h3{transform:translateX(0);opacity:1;}
.xy-index-banner .ani-slide .text h6{transform:translateX(0);opacity:1;}
.xy-index-banner .ani-slide .text .line{transform:translateX(0);opacity:1;}


.xy-index-banner .text.left {left:3.8vw;margin-left:80px;text-align: left;}
.xy-index-banner .text.center {top: 40%;}
.xy-index-banner .text.center h6{margin:50px auto auto;}
.xy-index-banner .text.right {left:auto;right:5vw;text-align: right;}
.xy-index-banner .text.right h6 {clear: both; font-weight:normal;}
.xy-index-banner .text.right .line {float: right;clear: both;}
.xy-index-banner .text.none { display:none;}

.xy-index-banner .text.tcbox{ top:0;height:100vh;position:relative;display: flex ;justify-content:center;flex-flow: column;}
.xy-index-banner .text.tcbox h6{ }
.xy-index-banner .text.tcbox h6 p{ margin-right:20px;}
.xy-index-banner .text.tcbox h6 p span{ display:block; padding-bottom:5px}

.xy-index-banner .pic,
.xy-index-banner .pic span {width: 100%;height:100%;}
.xy-index-banner .pic span{display: block;width: 100%;height:100%;background-size:cover;transition:all 1s ease-out;}
.xy-index-banner .pcshow:hover{transform:scale(1.01);}


.xy-index-banner .swiper-button-next,.xy-index-banner .swiper-button-prev{top:auto;bottom:8%;margin-bottom:-20px;width: 40px;height: 40px;margin-top:auto;z-index: 99;outline: none;opacity:0.5;}
.xy-index-banner .swiper-button-prev {left:34%;background:url(../images/icon_arrow_l_gray.svg) center no-repeat;}
.xy-index-banner .swiper-button-next {left:38%;background:url(../images/icon_arrow_r_gray.svg) center no-repeat;}
.xy-index-banner .swiper-button-next:hover,.xy-index-banner .swiper-button-prev:hover{opacity:1;}



.xy-index-banner .swiper-pagination {position: absolute;left:0;bottom:60px;text-align: right;padding-right:6%;}
.banner span.swiper-pagination-bullet {background:rgb(255,255,255,0.5);width: 40px;height: 1px;border-radius:0;position: relative;margin:0 20px 0 0 !important;opacity:1;}
.banner span.swiper-pagination-bullet::before {content: '';width: 0%;height: 100%;left: 0;top: 0;background:#fff;z-index: 3;display: block;}
.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;width:100%;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.indexbx{ padding-bottom:90px;}

.businessbx .tablist ul{ margin-left:-1.0vw;}
.businessbx .tablist li{width:calc(50% - 1.0vw);margin:0 0 1.0vw 1.0vw;height:32vw;position:relative;overflow:hidden;}
.businessbx .tablist li:first-child{ width:100%;}
.businessbx .tablist li a{width:100%;height:100%;display: block;}
.businessbx .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;background-color:rgb(0,0,0,0.4);display: flex ;align-items: center;justify-content:center;flex-flow: column;opacity:0; text-align:center;}
.businessbx .tablist li .textbx font{ color: rgb(255,255,255,0.6);}
.businessbx .tablist li .textbx font.titlebox{  font-size:30px;color:#fff;}

.businessbx .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}
.businessbx .tablist li a:hover .textbx{ opacity:1;}
.businessbx .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.indexbx .customerbx .rbox .subbx{ font-size:16px;padding-bottom:20px;}
/*.indexbx .customerbx .rbox .listbx li{ min-width:20%; margin-top:40px;}
.indexbx .customerbx .rbox .listbx li a{ display:block;}
.indexbx .customerbx .rbox .listbx li img{ height:3vw ;opacity:0.7}
.indexbx .customerbx .rbox .listbx li a:hover img{filter:grayscale(0%);opacity:1}*/

.awardsbx .rbox{ border-top:2px solid #f0f0f0;}
.awardsbx .swiper-wrapper{ width:104%;}
.awardsbx .swiper-slide{width:16.7%;padding-right:4%;text-align:center;}

.awardsbx .swiper-slide .imgbx{ height:6.8vw;overflow:hidden;}
.awardsbx .swiper-slide .imgbx img{ max-height:6.8vw;opacity:0.7}
.awardsbx .swiper-slide a:hover img{filter:grayscale(0%);opacity:1}

.awardsbx .swiper-slide .textbx{ display:block;}





.about .infobox .conbox .lbox{ width:44%;padding-left:80px;padding-right:130px;}
.about .infobox .conbox .rbox{ width:56%;}
.about .infobox .textbx p{ line-height:2.0;text-align:justify;}
.about .infobox .imgbx { position:relative;width:50%; background-position:center; background-size:cover; height:70vh;padding-top: 100px;}
.about .infobox .imgbx:after{ content:''; position:absolute; left:100%; top:0; width:100%; height:100%; background-color:#f6f6f6;}

.historybx { position:relative;padding-top:20px;}
.historybx .swiper-container{ padding-left:20px;}
.historybx .swiper-container:before{ content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#d0d0d0;}


.historybx .swiper-slide{position:relative;}
.historybx .swiper-slide:after{ content:'';width: 0;height: 0;width:10px;height:10px;margin:-4px;border-radius:50%;position: absolute;left:0;top:50%;z-index: 10;}
.historybx .swiper-slide-next:after{ background-color:#06a7ba;}
.historybx .swiper-slide .item{position:relative;height:800px;}
.historybx .swiper-slide .item img{ width:100%;}
.historybx .swiper-slide .item .imgbx,
.historybx .swiper-slide .item .textbx{position:absolute;left:0;overflow:hidden; padding-right:40px;}
.historybx .swiper-slide .item .textbx:before{ content:'';position:absolute;left:0;height:24px;width:1px;background-color:#d0d0d0;}
.historybx .swiper-slide:nth-of-type(odd) .item .textbx:before{bottom:0%;margin-top:30px;}
.historybx .swiper-slide:nth-of-type(even) .item .textbx:before{top:0%;margin-bottom:30px;}
.historybx .swiper-slide:nth-of-type(odd) .imgbx,
.historybx .swiper-slide:nth-of-type(even) .textbx{top:50%;padding-top:60px;}
.historybx .swiper-slide:nth-of-type(odd) .textbx,
.historybx .swiper-slide:nth-of-type(even) .imgbx{bottom:50%;padding-bottom:60px;}
.historybx .textbx h3{ color:#000;}
.historybx .textbx p{ color:#333;}
.historybx .swiper-button{ position:absolute;top:50%; margin-top:-26px;}
.historybx .swiper-button-next, .historybx .swiper-button-prev{ top:50%;background:none;width:60px;height:60px;
outline: none;}
.historybx .swiper-button-next{left:50px;}
.historybx .swiper-button-next:after, .historybx .swiper-button-next:before{content: '';border: 15px solid transparent;border-left: 15px solid #fff;width: 0;height: 0;position: absolute;top:10px;right: 3px;}
.historybx .swiper-button-next:before {border-left-color: #0f0f0f;right: 2px;}
.historybx .swiper-button-prev:after, .historybx .swiper-button-prev:before{content: '';border: 15px solid transparent;border-right: 15px solid #fff;width: 0;height: 0;position: absolute;top:10px;left: 3px;}
.historybx .swiper-button-prev:before {border-right-color: #0f0f0f;left: 2px;}

.about .teambx{padding-top:20px;}
.about .teambx .rbox .subbx{width:77%; line-height:1.8;}
.about .teambx .rbox .listbx{ padding-right:6vw;}
.about .teambx .swiper-slide{ width:auto; margin-right:36px;}
.about .teambx .swiper-slide img{ height:96px;}
.about .customerbx{padding-top:20px;}
/*.customerbx .rbox .listbx li{ min-width:14%; margin-bottom:40px;}
.customerbx .rbox .listbx li img{ height:2.2vw;}
.customerbx .rbox .listbx li a:hover img{filter:grayscale(0%);opacity:1}*/
.customerbx .rbox .listbx li{ min-width:20%; margin-top:40px;}
.customerbx .rbox .listbx li a{ display:block;}
.customerbx .rbox .listbx li img{ height:3vw ;opacity:0.7}
.customerbx .rbox .listbx li a:hover img{filter:grayscale(0%);opacity:1}



.casebox{ padding-bottom:280px;}
.casebox .tablist ul{ margin-left:-20px;}
.casebox .tablist li{width:calc(50% - 20px);margin:0 0 20px 20px;height:25vw;position:relative;overflow:hidden;}
.casebox .tablist li:first-child{ width:100%;/* height:29.3vw; */}
.casebox .tablist li:nth-child(1),
.casebox .tablist li:nth-child(10),
.casebox .tablist li:nth-child(18),
.casebox .tablist li:nth-child(26),
.casebox .tablist li:nth-child(34),
.casebox .tablist li:nth-child(42),
.casebox .tablist li:nth-child(50),
.casebox .tablist li:nth-child(58){width:calc(50% - 20px);}
.casebox .tablist li a{width:100%;height:100%;display: block;}
.casebox .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;background-color:rgb(0,0,0,0.4);display: flex ;align-items: center;justify-content:center;flex-flow: column;opacity:0; text-align:center;}
.casebox .tablist li .textbx font{color:rgb(255,255,255,0.6);}
.casebox .tablist li .textbx font.titlebox{ font-size:30px;color:#fff;}
.casebox .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}
.casebox .tablist li a:hover .textbx{ opacity:1;}
.casebox .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.nodata{ height:84vh; padding-bottom:16vh;}
.nodata img{ height:20vh;}
.nodata p{ font-size:20px; padding-top:4vh;}

.research{ min-height:calc(100vh - 62px);}
.research .lbox{ width:44.317%;}
.research .rbox{ width:55.683%;}
.research .conbox .lbox .tabhd a{ margin-top:26px; }
.research .conbox .lbox .tabhd a, 
.research .conbox .lbox .tabhd a span{ line-height: normal;}
.research .conbox .lbox .titlebx{ position:relative; padding-bottom:30px;}
.research .conbox .lbox .titlebx:after{ content:''; width:60px; height:1px; position:absolute; left:0; bottom:0; background-color:#b2b2b2;}
.research .conbox .lbox .textbx{ width:66%; font-size:14px;}
.research .lbox .tabhd span{ display:block;}

.research .tablist li{width:50%;height:15.625vw;position:relative;overflow:hidden;}
.research .tablist li a{width:100%;height:100%;display: block;}

.research .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;background-color:#8d8c8c;display: flex ;align-items: center;justify-content:center;flex-flow: column; text-align:center;}


.research .tablist li .textbx i{ font-size:40px; color:#fff;}
.research .tablist li a:hover i{ color:#06a7ba;}
.research .tablist li .textbx .titlebx{ font-size:24px; color:#fff;}
.research .tablist li .textbx .subbx{ font-size:18px; color:rgb(255,255,255,0.6); position:relative; padding-bottom:10px;text-transform:none}
.research .tablist li .textbx .subbx:after{ content:''; position:absolute; left:50%; bottom:0; width:24px; margin-left:-12px; height:1px; background-color:rgb(255,255,255,0.6);}
.research .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}

.research .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.research .tablist li:nth-child(2) .textbx{ background-color:#d7d7d7}
.research .tablist li:nth-child(2) .textbx i{ color:#404040;}
.research .tablist li:nth-child(2) .textbx .titlebx{color:#2b2b2b;}
.research .tablist li:nth-child(2) .textbx .subbx{ color:rgb(0,0,0,0.6);}
.research .tablist li:nth-child(2) .textbx .subbx:after{ background-color:rgb(0,0,0,0.6);}
.research .tablist li:nth-child(3) .textbx{ background-color:#a1a0a0}
.research .tablist li.active .textbx{background-color:rgb(0,0,0,0.3);}
.research .tablist li.active .textbx .titlebx { color:#fff; }
.research .tablist li.active .textbx .subbx{ color:rgb(255,255,255,0.6); }
.research .tablist li.active .textbx .subbx:after{background-color:rgb(255,255,255,0.6);}
.research .tablist li.active .textbx i{ color:#06a7ba;}

.honor{ min-height:calc(100vh - 62px);padding-bottom:280px;}
.honor .conbox .lbox{ width:350px; padding-right:0;}
.honor .conbox .rbox{ width:calc(100% - 350px);}
.honor dl p{ padding:20px 0; line-height:1;}
.honor dl dt{ width:calc(31.73% - 40px);}
.honor dl dd{ width:68.27%;}
.honor dl dt{ border-top:1px solid #cccccc;}

.honor dl.hdbx dt , .honor dl.hdbx dd{border-top:none;}
.honor dl.hdbx p{padding-top:0;}
.honor dl.hdbx .titlebx{font-size:20px !important;}
.honor dl dt .titlebx.fwb{ font-size:40px;}
.honor dl .p1{ width:65%;}
.honor dl .p2{ flex-grow:1; }
.honor dl .titlebx{ color:#000;}

.honor .listbx{ padding-bottom:60px;border-top:1px solid #cccccc; }
.honor .listbx li{border-bottom:1px solid #cccccc;position:relative; cursor:pointer;}
.honor .listbx li .textbx span{ padding-right:10px;}
.honor .listbx li .imgbx{ position:absolute; right:0; top:100%; width:44%; z-index:1; display:none;}
.honor .listbx li .imgbx img{ width:100%;}
.honor .listbx li:hover .imgbx{ display:block;}
.honor .listbx li:hover{ color:#06a7ba;}

.honor .awardsbx{ width:104%;}
.honor .awardsbx li{width:25%;padding-right:4%; margin-bottom:60px; text-align:center;}
.honor .awardsbx li .imgbx{ height:4.808vw;overflow:hidden;justify-content:center;}
.honor .awardsbx li .imgbx img{ max-height:4.808vw;filter: grayscale(100%); opacity:0.7}
.honor .awardsbx li .textbx{ display:block; width:100%;}
.honor .awardsbx li a:hover img{filter:grayscale(0%);opacity:1}

.contact{ padding-bottom:280px;text-transform:none;}
.contact .conbox .lbox{ width:33.29%;padding-right:120px;}
.contact .conbox .rbox{ width:66.91%;}
.contact .addrbx,
.contact .qrbx{ padding:30px 0;border-top:1px solid #cccccc;}
.contact .addrbx h3{ font-size:20px; margin-bottom:20px; color:#000;}
.contact .addrbx p{ font-size:16px; line-height:2.0;}
.contact .qrbx img{ width:110px;}
.contact .qrbx .textbx{ padding-left:30px; line-height:1.6}
.contact .map{ width:100%; height:32vw;}
.contact .map strong{ font-size:18px;}
.contact .map img { max-width:none;}

.anchorBL{display:none;} 
.contact .jobbx .listbx li{border-top:1px solid #cccccc; padding-top:60px;}
.contact .jobbx .listbx .titlebx{width:calc(28.73% - 40px);}
.contact .jobbx .listbx .infobx{width:71.27%; padding-bottom:20px;}
.contact .jobbx .listbx .titlebx h3{ font-size:20px;}
.contact .jobbx .listbx .titlebx p{ font-size:18px;text-transform:capitalize; margin-top:10px;}
.contact .jobbx .listbx .infobx h3{font-size:16px; margin-bottom:10px; font-weight:bold;}
.contact .jobbx .listbx .infobx p{ line-height:1.6}

.detail{text-transform:capitalize}
.detail .banner{ padding-left:100px; padding-bottom:8vh;}
.detail .banner a{ width:100%; height:40vw; display:block; background-position:center; background-size:cover;}
.detail .banner img{ width:100%;}
.detail .conbx{ padding:0 6vw 0 calc(6vw + 80px);}
.detail .infobx{ padding-bottom:8vh;}
.detail .infobx .titlebx{ width:100%; padding-right:40px;}
.detail .infobx .textbx{ width:0%;}
.detail .infobx .titlebx p{color:#555; font-size:20px;}
.detail .infobx .titlebx h3{color:#000; font-size:24px; margin-top:10px;}
.detail .infobx .textbx p{text-transform:none; margin-bottom:30px;}
.detail .detailbx{ padding-bottom:16vh;}
.detail img{ width:100%;}
.detail .detailbx>div{ margin-top:1.4vw;position:relative;}
.detail .detailbx .textbx{ padding:2vw 0; color:#000;}
.detail .detailbx .textbx p{ margin-top:10px;}
.detail .detailbx .columnbx p{ font-size:16px; margin-top:20px;}
.detail .detailbx .twobx .box{ width:calc(50% - 0.7vw); overflow:hidden;}
.detail .detailbx .btnbx{ position: absolute; right:0; top:0;}
.detail .detailbx .btnbx a{ width:50px; height:32px; margin-bottom:20px; display: block; background-position:center; background-repeat:no-repeat; background-size:auto 100%  !important; opacity:0.5;}
.btn-next{ background-image:url(../img/icon-arrow-r.svg);}
.btn-last{ background-image:url(../img/icon-arrow-l.svg);}
.detail .detailbx .btnbx a:hover{opacity:1;}